<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">


		<title></title>
		
		<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">

		<link href="css/style.css" rel="stylesheet">

		<link href="css/colors/green.css" id="theme" rel="stylesheet">

	</head>
	<style>
		.bg-set {
			background-color: #55C0CE;
		}
		
		.text-set {
			color: #55C0CE;
		}
		
		.bg-set1 {
			background-color: #5583CE
 ;
		}
		
		.text-set1 {
			color: #5583CE;
		}
	</style>

	<body class="fix-header fix-sidebar card-no-border">

		<div class="preloader">
			<svg class="circular" viewBox="25 25 50 50">
				<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
		</div>

		<div id="main-wrapper">

			<header class="topbar">
				<nav class="navbar top-navbar navbar-toggleable-sm navbar-light">

					<div class="navbar-header">
						<a class="navbar-brand" href="index.html">

							<img src="assets/images/logo-icon.png" alt="homepage" class="dark-logo" />

							</b>

							<span>
                            
                            <img src="assets/images/logo-text.png" alt="homepage" class="dark-logo" />
                        </span>
						</a>
					</div>

					<div class="navbar-collapse">

						<ul class="navbar-nav mr-auto mt-md-0 ">

						</ul>

						<ul class="navbar-nav my-lg-0">
							<li class="nav-item dropdown">
								<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="assets/images/users/1.jpg" alt="user" class="profile-pic m-r-5" />Markarn Doe</a>
							</li>
						</ul>
					</div>
				</nav>
			</header>

			<aside class="left-sidebar">

				<div class="scroll-sidebar">

					<nav class="sidebar-nav">
						<ul id="sidebarnav">
							<li>
								<a href="index.html" class="waves-effect active"><i class="fa fa-home m-r-10" aria-hidden="true"></i>主页</a>
							</li>

							<li>
								<a href="userManage.html" class="waves-effect"><i class="fa fa-user m-r-10" aria-hidden="true"></i>用户管理</a>
							</li>
							<li>
								<a href="userManage.html" class="waves-effect"><i class="fa fa-sign-out m-r-10" aria-hidden="true"></i>退出</a>
							</li>

						</ul>

					</nav>

				</div>

			</aside>

			<div class="page-wrapper">

				<div class="container-fluid">

					<div class="row page-titles">
						<div class="col-md-6 col-8 align-self-center">
							<h3 class="text-themecolor m-b-0 m-t-0">主页</h3>

						</div>

					</div>

					<div class="row">
						<!-- Column -->
						<div class="col-sm-3">
							<div class="card">
								<div class="card-block">
									<h4 class="card-title">总注册</h4>
									<div class="text-right">
										<h2 class="font-light m-b-0"><i class="ti-arrow-up text-success"></i> 120</h2>

									</div>
									<span class="text-success">80%</span>
									<div class="progress">
										<div class="progress-bar bg-success" role="progressbar" style="width: 80%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
									</div>
								</div>
							</div>
						</div>

						<div class="col-sm-3">
							<div class="card">
								<div class="card-block">
									<h4 class="card-title">今日有效注册</h4>
									<div class="text-right">
										<h2 class="font-light m-b-0"><i class="ti-arrow-up text-info"></i> 5,000</h2>

									</div>
									<span class="text-info">30%</span>
									<div class="progress">
										<div class="progress-bar bg-info" role="progressbar" style="width: 30%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="card">
								<div class="card-block">
									<h4 class="card-title">今日有效登录</h4>
									<div class="text-right">
										<h2 class="font-light m-b-0"><i class="ti-arrow-up text-set"></i> 5,000</h2>

									</div>
									<span class="text-set">30%</span>
									<div class="progress">
										<div class="progress-bar bg-set" role="progressbar" style="width: 30%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
									</div>
								</div>
							</div>
						</div>

						<div class="col-sm-3">
							<div class="card">
								<div class="card-block">
									<h4 class="card-title">今日有效下载</h4>
									<div class="text-right">
										<h2 class="font-light m-b-0"><i class="ti-arrow-up text-set1"></i> 5,000</h2>

									</div>
									<span class="text-set1">30%</span>
									<div class="progress">
										<div class="progress-bar bg-set1" role="progressbar" style="width: 30%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
									</div>
								</div>
							</div>
						</div>

					</div>

					<div class="row">
						<!-- column -->
						<div class="col-sm-12">
							<div class="card">
								<div class="card-block">
									<h4 class="card-title">趋势图</h4>
									<div class="flot-chart">
										<div class="flot-chart-content" id="flot-line-chart"></div>
									</div>
								</div>
							</div>
						</div>

					</div>

				</div>

			</div>

			<script src="assets/plugins/jquery/jquery.min.js"></script>

			<script src="assets/plugins/bootstrap/js/tether.min.js"></script>
			<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>

			<script src="js/jquery.slimscroll.js"></script>

			<!--<script src="js/waves.js"></script>-->

			<script src="js/sidebarmenu.js"></script>

			<script src="assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>

			<script src="js/custom.min.js"></script>

			<script src="assets/plugins/flot/jquery.flot.js"></script>
			<script src="assets/plugins/flot.tooltip/js/jquery.flot.tooltip.min.js"></script>
			<script src="js/flot-data.js"></script>

			<!--<script src="assets/plugins/styleswitcher/jQuery.style.switcher.js"></script>-->
	</body>

</html>